<template>
    <div class="px-4 py-2">
        我是一个扩展模块
        <br />
        组件id: {{ checkedNode?.id }}
    </div>
</template>
<script lang="ts" setup>
import { inject, computed } from 'vue'
import { Designer } from 'epic-designer'
const designer = inject('designer') as Designer

const checkedNode = computed(() => {
    return designer.state.checkedNode
})
</script>